<script setup>
</script>
<template>
    <div style="margin: 10px 0 0 20px; ">
        主页
        <!-- <el-row :gutter="10" style="margin-bottom: 40px;">
            <el-col :span="6">
                <el-card style="height: 90px;">
                    <div style="display:flex;align-items: center;color: #409EFF;"><el-icon :size="20"
                            style="margin-right: 5px;">
                            <User />
                        </el-icon>用户总数</div>
                    <div style="margin: 10px 20px;text-align: right;"><el-text size="large" type="primary">{{
                        membersDataArr.values.reduce((prev, item) => prev += item, 0) }}</el-text>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card style="height: 90px;">
                    <div style="display:flex;align-items: center;color: rgb(103, 194, 58);"><el-icon :size="20"
                            style="margin-right: 5px;">
                            <User />
                        </el-icon>会员总数</div>
                    <div style="margin: 10px 20px;text-align: right;"><el-text size="large" type="success">{{
                        membersDataArr.values.reduce((prev, item) => prev += item, 0) + 1 }}</el-text>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card style="height: 90px;">
                    <div style="display:flex;align-items: center;color: rgb(230, 162, 60);"><el-icon :size="20"
                            style="margin-right: 5px;">
                            <Flag />
                        </el-icon>总销售额</div>
                    <div style="margin: 10px 20px;text-align: right;"><el-text size="large" type="warning">￥28987</el-text>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card style="height: 90px;">
                    <div style="display:flex;align-items: center;color: rgb(245, 108, 108);"><el-icon :size="20"
                            style="margin-right: 5px;">
                            <Flag />
                        </el-icon>会员盈利</div>
                    <div style="margin: 10px 20px;text-align: right;"><el-text size="large" type="danger">￥2887</el-text>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="12">
                <div ref="line" id="line" :style="{ width: '550px', height: '350px' }"></div>
            </el-col>
            <el-col :span="12">
                <div ref="pie" id="pie" :style="{ width: '550px', height: '350px' }"></div>
            </el-col>
        </el-row> -->
    </div>
</template>
<style scoped></style>